<template>
    <div :style="wallStyle" class="wall"></div>
  </template>
  
  <script>
  export default {
    props: {
      width: {
        type: Number,
        required: true
      },
      height: {
        type: Number,
        required: true
      },
      left: {
        type: Number,
        required: true
      },
      top: {
        type: Number,
        required: true
      }
    },
    computed: {
      wallStyle() {
        return {
          width: `${this.width}px`,
          height: `${this.height}px`,
          backgroundColor: 'black',
          position: 'absolute',
          left: `${this.left}px`,
          top: `${this.top}px`
        };
      }
    }
  };
  </script>
  
